﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="MWS_AddDirectory.MisAnuncios.Login" %>

<div id='PanelLoginAdministracion'>
    <div class="grid_14 alpha">
        <div style="width: 500px; margin-top: 20px;">
            <h1>
                ¿Por qué registrarme?</h1>
        </div>
        <ul>
            <li>› Gestiona, crea y borra tus propios anuncios</li>
            <li>› Accede a tus anuncios desde cualquier computadora o dispositivo mobil en el mundo</li>
            <li>› Puedes generar Cupones de descuento aplicables en las fechas que tu mismo elijas.</li>
        </ul>
        <div>
            <h1>
                Utiliza
                <asp:label id="lblDirectorio" runat="server"></asp:label>
                con Facebook</h1>
            (proximamente)
        </div>
        <ul>
            <li>› Comparte con tus amigos o en tu muro los anuncios más interesantes en
                <asp:label id="lblDirectorio2" runat="server"></asp:label>
            </li>
            <li>› Accede a tu panel administrativo de
                <asp:label id="lblDirectorio3" runat="server"></asp:label>
                &nbsp;en un solo click.</li>
        </ul>
    </div>
    <div class="grid_9 omega">
        <div id="LoginPanelDirectorio">
            <form id="FormularioLogin" runat="server">
            <div>
                <h5>
                    Entrar al Sistema</h5>
                <label>
                    <strong>Email</strong>
                    <asp:textbox id="username" cssclass='loginInput' runat="server"></asp:textbox>
                </label>
                <label>
                    <strong>Password</strong>
                    <asp:textbox id="password" cssclass='loginInput' runat="server" textmode="Password"></asp:textbox>
                </label>
                <div style="margin-top: 20px; margin-bottom: 20px;">
                    <div id="btnLogin1">
                        Acceder
                    </div>
                    <span style="font-size: 11px;">
                        <asp:checkbox id="recrodarUsuario" runat="server" text="Recordarme en este equipo" />
                    </span>
                    <div style="width: 0px; height: 0px; overflow: hidden;">
                        <input type="submit" /></div>
                </div>
            </div>
            </form>
            <div id="masOpciones">
                <h5>
                    Conecta con tu cuenta de Facebook</h5>
                <div id="btnConectarFacebook">
                    Conectar</div>
                <br />
                <br />
                <span id='linkOlvidePass'  class='link'>Olvide mi Password</span> | <span id='linkRegistrarse' class='link'>¿Aun
                    no eres miembro?</span></div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        var options = {
            target: "#PanelLoginAdministracion",
            url: '/misAnuncios/Login.aspx',
            dataType: 'xml',
            beforeSubmit: function () { },
            success: function (data) {
                var respuesta = $(data).find('Success').find('Code').text();
                if (respuesta == "UserLogged") {
                    $("#PanelLoginAdministracion").html('');
                    IniciarGridAnuncios();
                    $.ajax({
                        type: "GET",
                        url: "/handlers/search/?noRegistros=50&anunciosUsuario=true",
                        dataType: "xml",
                        success: cargarListaAnuncios
                    });

                }
                else {
                    var error = $(data).find('Error');
                    alert(error.find('Description').text());

                }
            }
        };

        // pass options to ajaxForm 
        $('#FormularioLogin').ajaxForm(options);
        $('#btnLogin1').button().click(function () { $('#FormularioLogin').submit(); });
        $('#btnConectarFacebook').button();
        $('#linkOlvidePass, #linkRegistrarse').css('cursor', 'pointer')
        $('#linkOlvidePass').click(function () { $('#PanelLogin').load('/MisAnuncios/OlvidePassword.aspx'); });
        $('#linkRegistrarse').click(function () { $('#PanelLogin').load('/MisAnuncios/Registrarse.aspx'); });
    });
</script>
